/* 博客列表页面css */

.blog {
    width: 100%;
    padding: 20px;
}

.blog .title {
    text-align: center;
    font-size: 20px;
    font-weight: 700px;
    /* padding: 10px; */
}
.blog .date {
    text-align: center;
    text-decoration: none;
    
    padding: 10px;
    color: rgba(46,165,69);
}
.blog .desc {
    text-indent: 2em;
}

.blog a {
    /* 转换成块级元素 */
    display: block;


    width: 120px;
    height: 40px;

    /* 注意:需要先设置宽度和高度,这一步水平居中才生效 */
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;

    /* 让文字水平居中 */
    text-align: center;
    /* 让文字垂直居中  注意:行高设置成元素高度相等(可微调) */
    line-height: 35px;

    border: 2px solid black;
    text-decoration: none;
    color: #000;
    /* color: rgb(0,122,204); */

    border-radius: 10px;

    /* 注意:添加一个过度效果 */
    transition: all 0.5s;
}
/* 设置鼠标移动到按钮时,改变颜色 */
.blog a:hover {
    background: #666;
    color: white;
}